<!DOCTYPE html>
<html lang="en">
<%= require("html-loader!./layout/html-head.html")%>
<body>
<!-- 遮罩 -->
<div class="mask">
</div>
<!-- 弹出提示输入框 -->
<div class="input-envent">
	<div class="title">
		<span class="Prompt">提示</span>
		<a><i class="fa fa-close"></i></a>
	</div>
	<div class="ques">
		<span>是否保存问卷?</span>
	</div>
	<div class="btn">
		<button id="confirm">确定</button>
		<button id="cancel">取消</button>
	</div>
</div>
	<%= require('html-loader!./layout/header.html')%>
	<div class="box">
		<div class="title">
			<input type="text" class="input" id="ques-list-title" placeholder="这里是标题" autocomplete="off">
		</div>
		<ul class="question-list" id="question-list">
			<!-- <li class="ques-cont">
			   <dl class="list-item">
				   <dt>
					   <span class="ques-number">Q1</span>&nbsp;&nbsp;
					   	<input  class="ques-title" type="text" placeholder="单选题">
					   	<button class="choice-btn">添加选项</button>
				   </dt>
				   <dd>
				   		<label>
				   			<input name="Q1" type="radio" value="" />&nbsp;&nbsp;
				   			<input type="text" class="ques-input" placeholder="选项一">
				   			<button class="del-btn"><i class="fa fa-close"></i></button>
				   		</label>
				   </dd>
				   <dd>
				   		<label>
				   			<input name="Q1" type="radio" value="" />&nbsp;&nbsp;
				   			<input type="text" class="ques-input" placeholder="选项二">
				   			<button class="del-btn"><i class="fa fa-close"></i></button>
				   		</label>
				   </dd>
				   <dd>
				   		<label>
				   			<input name="Q1" type="radio" value="" />&nbsp;&nbsp;
				   			<input type="text" class="ques-input" placeholder="选项三">
				   			<button class="del-btn"><i class="fa fa-close"></i></button>
				   		</label>
				   </dd>
				   <dd>
				   		<label>
				   			<input name="Q1" type="radio" value="" />&nbsp;&nbsp;
				   			<input type="text" class="ques-input" placeholder="选项四">
				   			<button class="del-btn"><i class="fa fa-close"></i></button>
				   		</label>
				   	</dd>
			   </dl>
			   <div class="ques-list-btn">
					   <button>上移</button>
					   <button>下移</button>
					   <button>复用</button>
					   <button>删除</button>
			   </div>
			</li> -->
			<!-- <dl class="list-item">
				<dt>
					<span class="ques-number">Q2</span>&nbsp;&nbsp;
					<span class="ques-title">单选题</span>
				</dt>
				<dd><label><input name="Q2" type="checkbox" value="" />&nbsp;&nbsp;苹果 </label> </dd>
				<dd><label><input name="Q2" type="checkbox" value="" />&nbsp;&nbsp;苹果 </label> </dd>
				<dd><label><input name="Q2" type="checkbox" value="" />&nbsp;&nbsp;苹果 </label> </dd>
				<dd><label><input name="Q2" type="checkbox" value="" />&nbsp;&nbsp;苹果 </label> </dd>
				<dd><label><input name="Q2" type="checkbox" value="" />&nbsp;&nbsp;苹果 </label> </dd>
				<dd><label><input name="Q2" type="checkbox" value="" />&nbsp;&nbsp;苹果 </label> </dd>
				<dd><label><input name="Q2" type="checkbox" value="" />&nbsp;&nbsp;苹果 </label> </dd>
				<dd><label><input name="Q2" type="checkbox" value="" />&nbsp;&nbsp;苹果 </label> </dd>
				<dd><label><input name="Q2" type="checkbox" value="" />&nbsp;&nbsp;苹果 </label> </dd>
				<dd><label><input name="Q2" type="checkbox" value="" />&nbsp;&nbsp;苹果 </label> </dd>
			</dl>
			<div class="ques-list-btn">
					<button>上移</button>
					<button>下移</button>
					<button>复用</button>
					<button>删除</button>
			</div>
					<dl class="list-item">
			<dt>
				<span class="ques-number">Q3</span>&nbsp;&nbsp;
				<span class="ques-title">文本题目</span>
			</dt>
			<dd>
				<textarea name="Q3" id="textarea" class="textarea" cols="30" rows="10"></textarea>
			</dd>
					</dl>
			<div class="ques-list-btn">
				<button class="move-up">上移</button>
				<button class="move-down>下移</button>
				<button>复用</button>
				<button>删除</button>
					</div> -->
		</ul>
		<div class="add-question">
			<div class="add-question-btn">
				<button class="add-btn" id="add-s-choice"><i class="fa fa-circle-o">&nbsp;&nbsp;单选</i></button>
				<button class="add-btn" id="add-m-choice"><i class="fa fa-check-square-o">&nbsp;&nbsp;多选</i></button>
				<button class="add-btn" id="add-text"><i class="fa fa-file-text">&nbsp;&nbsp;文本</i></button>
			</div>
			<div class="a-btn">
					<a><i class="fa fa-plus new-btn">
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;添加问题</i>
					</a>
			</div>
		</div>
		<div class="commit">
				<%= require('html-loader!./layout/calendar.html')%>
					<button class="save btn" id="save-btn"><i class="fa fa-save">&nbsp;&nbsp;保存问卷</i></button>
					<button class="publish btn"><i class="fa fa-indent">&nbsp;&nbsp;发布问卷</i></button>
		</div>
	</div>
	<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!--  	在脚本加载之间加载 -->
 	<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
</body>
</html>